<header  class="user-defined-header user-header-style1 bar" >
    <a class="button button-clear icon ion-ios-arrow-left" ng-click="back()" ></a>
    <h1 class="title">群聊({{groupModel.member_count}})</h1>
    <button class="button button-clear ion ion-person-stalker" ng-click="goToGroupDetail(groupModel.id)"></button>
</header>


<ion-content class="has-header has-footer" data-ng-init="init()">

  <div class="list list-borderless chat-list" ng-repeat="msg in chatMsg">

    <a class="item " ng-class="{'item-copy-avatar chat-from-msg':{{msg.dir}},'item-avatar-right chat-to-msg':!{{msg.dir}}}">
      <img ng-src="{{msg.headImg}}" ng-click="goToUserPage(msg.userId)">
      <div class="" ng-class="{'float-left':{{msg.dir}},'float-right':!{{msg.dir}}}" ng-show='!msg.isImage'>{{msg.msgContent}}</div>
      <div class="" ng-class="{'float-left':{{msg.dir}},'float-right':!{{msg.dir}}}" ng-show='msg.isImage'>
        <img ng-src="{{msg.image}}" style='height:auto; width:100px'>
      </div>
    </a>

  </div>

</ion-content>

<ion-footer-bar keyboard-attach class="bar-stable item-input-inset">
    <label class="item-input-wrapper">
      <input type="text" placeholder="" on-return="sendMessage(); closeKeyboard()" ng-model="msgData.message" on-focus="inputUp()" on-blur="inputDown()" />
    </label>
    <div class="message_function_area">
      <a class="button button-clear icon ion-image" ng-click="sendImage()" ></a>
      <button class="button button-clear" ng-click="sendMessage()">
          发送
      </button>
    </div>
    
</ion-footer-bar>
